<!DOCTYPE html>
<title>Tests pageswap dispatch on hidden Documents</title>
<link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script>
  const expectedUrl = location.href + '?new';

  const params = new URLSearchParams(location.search);
  // The page the popup navigates to.
  const is_new_page = params.has('new');
  // The initial page in the popup.
  const is_popup_page = params.has('popup');
  // The test page itself.
  const is_test_page = !is_popup_page && !is_new_page;

  if (is_test_page) {
    const expectedUrl = location.href + "?new";
    const expectedEvents = ["pageswap", expectedUrl, "push", "from", "pagehide"];

    promise_test(async t => {
      let popup;
      onload = async () => {
        window.events = [];
        popup = window.open('?popup');
      };

     const result = await new Promise(resolve => {
        window.popup_done = resolve;
      });
      assert_equals(result, null);
    }, "Outbound cross-document view transition is not allowed when document is hidden");
  } else if (is_popup_page) {
    onload = async () => {
      await test_driver.minimize_window();
      assert_equals(document.visibilityState, "hidden");
      assert_equals(document.hidden, true);

      location.href = location.href.split('?')[0] + '?new';
    };

    onpageswap = (e) => {
      window.opener.popup_done(e.viewTransition);
    };
  }
</script>
